@import '@/common/css/variables.less';

/* 全局过渡页面 */
.page-load{
	padding-bottom: 0;
	.full{display: block; width: 750rpx;}
	.time {position: fixed;top: 140rpx;right: 20rpx;width: 160rpx;height: 50rpx;font-size: 28rpx;color: #323232;line-height: 50rpx;text-align: center;}
}

/* 注册/升级会员权益 */
.member-update{
	padding-bottom: 120rpx;
	.swiper-box{padding-top: 40rpx;}
	.rights-box{
		.part{
			background: #fff;padding-left: 48rpx;padding-bottom: 20rpx; font-size: 30rpx;
			&.part1{
				.dt{padding: 12rpx 0;}
				.dd{
					color: #969696;position: relative;padding: 4rpx 20rpx;
					&::after{display: block;content: " ";width: 8rpx;height: 8rpx;background: #969696;border-radius: 50%;position: absolute;left: 0;top: 50%;margin-top: -4rpx;}
				}
			}
			&.part2{
				.dt{padding: 40rpx 0 20rpx 0;}
				.dd{color: #646464;padding: 20rpx 0;}
				.i{display: inline-block;width: 40rpx;height: 40rpx;font-size: 24rpx; text-align: center;line-height: 40rpx;color: #ff4444;border: 2rpx solid #ff4444;border-radius: 100%;margin-right: 20rpx;}
			}
			&.part3{font-size: 24rpx;color: #646464;}
		}
		.btn{width: 654rpx;height: 80rpx;border-radius: 10rpx;background-color: @theme-color;margin: 50rpx auto 0;}
	}
	.check-box{margin-top: 20rpx;}
}

/* 注册/升级会员 */
.page-register{
	padding-top: 20rpx;
	.card-img{width: 580rpx;height: 360rpx;border-radius: 10rpx;margin: 0 auto 60rpx;}
	.banner{width: 750rpx;height: 440rpx;margin-bottom: 30rpx;}
	.register-box{
		padding: 0 40rpx;
		.item{
			display: flex;height: 96rpx; border-bottom: 2rpx solid #EEEEEE;align-items: center;font-size: 28rpx;line-height: 30rpx;
			.label{width: 150rpx;}
			input{flex: 1;height: 30rpx;line-height: 30rpx; font-size: 28rpx;}
			.date{letter-spacing: 2rpx;text-indent: 2rpx;}
			.getcode{
				width: 168rpx;height: 50rpx;font-size: 28rpx;color: @assist-color;border: 2rpx solid @assist-color;padding: 0;margin: 0;line-height: 48rpx;border-radius: 10rpx;background-color: transparent;
				&::after{display: none;}
				&[disabled]{background: #c0c0c0;border-color: #c0c0c0;color: #fff;}
			}
			.hotel{width: 450rpx;}
		}
		.check-box{margin-top: 40rpx;}
		.btn{width: 670rpx;height: 80rpx;border-radius: 10rpx;background-color: @theme-color;margin: 100rpx auto 0;}
		.register-btns{
			padding-top: 100rpx;
			.spot{width: 56%; height: 80rpx;line-height: 80rpx;font-size: 30rpx;padding-left: 68rpx;border-radius: 10rpx;background: #eff0f4 url("https://static.newbeaconhotels.com/app/hotel/my/icon_spot.png") 24rpx center no-repeat;background-size: 28rpx;}
			.btn{width: 40%;margin: 0;}
		}
	}
}

/* 一键登录 */
.Signin{
	position: relative;background-color: #22202d;
	// 背景
	.Signin_imgchoice{height: 100%;width: 750rpx;position: fixed;top: 0;left: 0;}
	// 内容
	.Signin_bos{
		position: absolute;top: 0;z-index: 2;width: 750rpx;
		.Signin_hello{font-size: 60rpx;color: #ffffff;font-weight: 700;margin: 88rpx 0 34rpx 92rpx;}
		.Signin_choice{font-size: 40rpx;font-weight: 700;color: #ffffff;margin: 0rpx 0 84rpx 92rpx;}
		.Signin_box{
			width: 560rpx;height: 650rpx;background-color: #ffffff;border-radius: 20rpx;margin: 0 auto;display: flex;flex-direction: column;align-items: center;padding-top: 50rpx;
			.logo{height: 100rpx;width: 100rpx;margin-bottom: 30rpx;}
			.btn{
				width: 390rpx;height: 80rpx;border-radius: 10rpx;font-size: 28rpx;color: #ffffff;line-height: 80rpx;text-align: center;
				&.btn1{background-color: @theme-color;margin-top: 110rpx;}
				&.btn2{background-color: @assist-color;margin-top: 30rpx;}
			}
			.tips{width: 100%;text-align: right;padding-right: 40rpx;padding-top: 50rpx; font-size: 24rpx;}
		}
	}
	// 登录弹窗
	.popup_bos{
		width: 500rpx;height: 500rpx;border-radius: 10rpx;padding: 60rpx 27rpx 65rpx 27rpx;background-color: #ffffff;
		.popup_box{
			height: 196rpx;width: 446rpx;border-top:2rpx #f5f5f5 solid;border-bottom:2rpx #f5f5f5 solid;
			image{width: 80rpx;height: 80rpx;border-radius: 10rpx;margin-right: 26rpx;}
		}
		.popup_border{width: 446rpx;height: 2rpx;background-color: #f5f5f5;}
		.popup_button{
			height: 60rpx;width: 446rpx;
			view{
				width: 150rpx;height: 60rpx;background-color: #ffffff;box-shadow: 0px 0px 30rpx 0px rgba(215, 215, 215, 0.3);
				border-radius: 5rpx;border: solid 2rpx #f5f5f5;color: #07c160;
			}
			button{width: 150rpx;height: 60rpx;background-color: #07c160;box-shadow: 0px 0px 30rpx 0px rgba(215, 215, 215, 0.3);border-radius: 5rpx;margin: 0!important;}
		}
		.popup_wx{background-color: #07c160;height: 60rpx;width: 400rpx;border-radius: 10rpx;}
	}
}

/* 手机号码登录 */
.phonegoin {
	position: relative;
	.phonegoin_back {width: 750rpx;height: 711rpx;position: absolute;left: 0;top: 100rpx;}
	.phonegoin_ball {position: fixed;bottom: 0;left: 0;width: 431rpx;height: 375rpx;}
	.modular {
		width: 560rpx;height: 650rpx;padding-top: 124rpx;position: absolute;top: 180rpx;left: 50%;transform: translateX(-50%); background-color: #ffffff;box-shadow: 0rpx 5rpx 30rpx 0rpx rgba(117, 117, 117, 0.2);border-radius: 20rpx;
		display: flex;flex-direction: column;align-items: center;
		.input_mobile {width: 500rpx;height: 80rpx;background-color: #f7f7f7;border-radius: 10rpx;padding-left: 40rpx;font-size: 28rpx;margin-bottom: 32rpx;}
		.placeholderClass {font-size: 28rpx;color: #cccccc;}
		.verification_bos {
			width: 500rpx;height: 80rpx;background-color: #f7f7f7;border-radius: 10rpx;display: flex;margin-bottom: 126rpx;
			.input_captcha {width: 300rpx;height: 80rpx;padding-left: 40rpx;border-radius: 10rpx 0rpx 0rpx 10rpx;font-size: 28rpx;}
			.verification {
				width: calc(100% - 300rpx);height: 80rpx;text-align: center;line-height: 80rpx;background-color: @assist-color;color: #ffffff;font-size: 28rpx;border-radius: 0px 10rpx 10rpx 0px;
				&[disabled]{background: #c0c0c0;border-color: #c0c0c0;color: #fff;}
			}
		}
		.custom_class {width: 500rpx;height: 80rpx;line-height: 80rpx;background-color: @theme-color;border-radius: 10rpx;color: #ffffff;font-size: 28rpx;}
		.tips{width: 100%;text-align: right;padding-right: 40rpx;padding-top: 50rpx; font-size: 24rpx;}
	}
}

/* 等待 */
.page-wait{
	padding-top: 120rpx;
	image{width: 360rpx;margin-bottom: 48rpx;}
	.p{padding: 12rpx 0;}
}

/* 会员协议弹窗 */
.popup-rule{
	width: 680rpx;padding: 40rpx; border-radius: 20rpx;background: #fff;position: relative;
	.btn-long{width: 300rpx;line-height: 70rpx;text-align: center;border-radius: 54rpx;color: #fff;font-size: 28rpx;margin: 50rpx auto 0;background-color: @theme-color;}
	.content{height: 800rpx;overflow: hidden; font-size: 28rpx;line-height: 54rpx;padding-top: 60rpx;}
}